<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/my_collect.css">
    <title>我的收藏</title>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">我的收藏</span>
      	</div>
  	</div>
  	<div class="container top-container" v-cloak>
  		<div class="my-collect-tab">
  			<a href="javascript:void(0);" @click="myCollectTab" v-for="(item,index) in tabTxt" :class="activeIndex == index ? 'active' : ''" :data-index="index"><span>{{item}}</span></a>
  		</div>
  		<div class="my-collect-info" ref="myCollectInfo">
  			<div class="my-collect-goods active">
          <div class="my-collect-goods-null" ref="myCollectGoodsNull" style="display: none;">
      			<img src="../../../image/shop/buy/buy-78.png"/>
      			<h2>你还没有相关收藏~</h2>
      			<p>要是宝贝到手了，那就赶紧享用吧</p>
      		</div>
  				<ul>
  					<li v-for="(item,index) in goodsList" @click="goGoodsDetail" :data-goodsid="item.goods_id">
  						<div>
	  						<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
  						</div>
  						<h2 v-html="item.name"></h2>
  						<p v-html="item.collect_num+'人收藏'"></p>
  						<b v-html="'¥'+item.price"></b>
  						<a href="javascript:void(0);" @click="deletecollect(item.favorite_id,index)" >取消收藏</a>
  					</li>
  				</ul>
  			</div>
  			<div class="my-collect-shop">
          <div class="my-collect-shop-null" ref="myCollectShopNull" style="display: none;">
      			<img src="../../../image/shop/buy/buy-78.png"/>
      			<h2>你还没有相关收藏~</h2>
      			<p>要是宝贝到手了，那就赶紧享用吧</p>
      		</div>
  				<ul>
  					<li v-for="(item,index) in shopList" @click="goShopIndex" :data-shopid="item.shop_id" :data-userid="item.shop_user_id">
  						<div>
	  						<img :src="item.shop_logo"/>
  						</div>
  						<h2 v-html="item.shop_name"></h2>
  						<p v-html="item.collect_num+'人收藏'"></p>
  						<a href="javascript:void(0);"  @click="deletecollect(item.favorite_id,index)">取消收藏</a>
  					</li>
  				</ul>
  			</div>
  		</div>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/myCollect.js"></script>
</html>
